.head{
	vertical-align: top;
	background: rgb(0,0,0);height: 75px;width:100%;opacity: 0.75;
	filter:alpha(opacity=75);
	padding-top: 15px;position: relative;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	text-align: center;
	padding-bottom: 10px;
}
.panda:hover{
	box-shadow: 2500px 100px 3000px lightyellow inset;
}
  nav{
  	width:100%;height:auto;
  background:orange;
  text-align: center;
  }
.bar{
	position: absolute;
	color: #8e8e8e;
	font-size: 0.9em;
	bottom: 5px;
	font-family: HUM521L;
	width: 100%;
}
  .bar a:hover
  {
  	background-color:white;
  }

.swiper_p{
	text-align: center;

	margin-top: 50px;

	text-indent: 2em;

	padding-top: 2%;

	padding-bottom: 2%;

	border-top: 1px #e8e8e8 solid;

	border-bottom: 1px #e8e8e8 solid;

	font-size: 1.2em;

	line-height: 1.5em;

	color: #666666;

	font-family:STKaiti,"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";

}

.container img{
		max-width: 100%;
		border-radius: 30px;
	}
.container p{
	color:white;
}


.container {
  		position: static;
  		width: 20rem;
  		border-radius: 30px;
  		box-shadow: 0 5px 20px #bbb;
  		box-sizing:border-box;
  		padding: 23px; 
  		margin: 3% 2%;
  		text-align: center;
  		display: inline-block;
  	}
	
	.container:hover{
	box-shadow: 8px 8px 8px #000000;
	transform: scale(1.1)
	}
		div{
	background-color:seagreen;
	text-shadow:4px 4px 5px #666666;
	 }
	 footer{
	 	background: #e0e0e0;position:relative;
	 	width: 100%;margin-top: 40px;padding-top: 10px;
	 	padding-bottom: 10px;
	 	text-shadow:1px 1px 1px white;
	 	color: #666666;
	 	overflow: hidden;
	 }
	

